<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>二级菜单</title>
    <link rel="stylesheet" href="./css/menu.css">
</head>

<body>
    <header>
        <nav>
            <ul class="menu">
                <li class="item">
                    <a href="">首页</a>
                </li>
                <li class="item">
                    <a href="">关于我们</a>
                    <ul class="sub-menu">
                        <li class="sub-item">
                            <a href="">我们的宗旨</a>
                        </li>
                        <li class="sub-item">
                            <a href="">我们很牛B</a>
                        </li>
                        <li class="sub-item">
                            <a href="">我们很厉害</a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                    <a href="">公司团队</a>
                    <ul class="sub-menu">
                        <li class="sub-item">
                            <a href="">大中华区</a>
                        </li>
                        <li class="sub-item">
                            <a href="">北美区</a>
                        </li>
                        <li class="sub-item">
                            <a href="">欧美区</a>
                        </li>
                        <li class="sub-item">
                            <a href="">日本区</a>
                        </li>
                    </ul>

                </li>
                <li class="item">
                    <a href="">产品中心</a>
                </li>
                <li class="item">
                    <a href="">售后服务</a>
                </li>
                <li class="item">
                    <a href="">联系我们</a>
                </li>
            </ul>
        </nav>
    </header>
    <p>[1] 火狐浏览器较早的版本(Firefox 1 到 Firefox 12)
        在使用这个属性时需使用浏览器厂商前缀，-moz-border-radius-topleft,最近的版本Mozilla实现了这个属性的支持（在最终的版本被敲定之前）。

        Gecko内核在圆角处无法正确的表现点划线（dotted）和虚线（dashed）:它会将它们渲染成实线(bug 382721).</p>
</body>

</html>